草庐IT

HTML & CSS 设计原则

全部标签

javascript - 使用 JavaScript 展平 DOM 中的嵌套跨度以优化 HTML 编辑器输出

我需要使用JavaScript重新格式化输入HTML,以便生成的输出HTML始终是的序列包含仅一个或多个的节点节点和每个节点应该包含恰好一个#text节点。举个例子,我想转换如下所示的HTML:Thisisline#1Thisisline#2Thisisline#3Thisisline#4HTML看起来像这样:Thisisline#1Thisisline#2Thisisline#3Thisisline#4额外的,有点离题的信息:文本在TinyMCE编辑器中。HTML需要符合此模式以使应用程序更有用并提供具有可用HTML的PDF输出引擎(wkhtmltopdf如果HTMl变得过于复杂且嵌

javascript - Gridster - 保存 div 的 html 内容以动态加载网格

我已经用gridster做了一些测试,我可以保存一些gridster数据,比如坐标、大小、ids等。但我无法保存填充gridster的div的内容,我可以稍后加载每个元素的gridster坐标。这是我的代码:$(document).ready(function(){vargrid_canvas=$("#homepage>#grid").gridster({widget_margins:[10,10],widget_base_dimensions:[140,140],widget_selector:".gs_w",shift_larger_widgets_down:false,seria

javascript - 在 textarea 中输入时,将垂直条 ("|") 替换为 Devanagari Danda ("।")

我想在使用javascript在textarea中输入竖线(|)后立即将其替换为DevanagariDanda(।)。首先我尝试了HowtochangecharacterstypedinFirefox上给出的解决方案.但它仅将字符添加到末尾。所以,我遵循了http://www.jsfiddle.net/EXH2k/6/上给出的解决方案这是TimDown在Changingthekeypress上建议的还有showdifferentkeyboardcharacterfromthetypedoneingooglechrome.但它对我不起作用(无论是在Firefox还是在IE10中)。代码:

javascript - attrs.$set ('ngClick' , 函数名 + '()' );不再适用于 angular 1.2rc3

我有一个开源项目,正在升级以使用angular1.2rc3。本质上它处理表单按钮上的promise。在这个plnkrhttp://plnkr.co/edit/vQd97YEpYO20YHSuHnN0?p=preview您应该能够单击右侧的“保存”并在控制台中看到“已单击”,因为它应该在指令中执行此代码:scope[functionName]=function(){console.log('clicked');//ifit'salreadybusy,don'tacceptanewclickif(scope.busy===true){return;}scope.busy=true;varr

javascript - 将\n 替换为我在 $sce.trustAsHtml() 上使用的模型变量上的 <br> 标记

出于明显的原因(防止攻击),我使用以下两个过滤器的组合首先从用户输入中删除所有HTML,然后替换标记中的所有\n。filters.filter('newlines',function(){returnfunction(text){console.log(text)returntext.replace(/\n/g,'');}})filters.filter('noHTML',function(){returnfunction(text){returnBoolean(text)?text.replace(/&/g,'&').replace(/>/g,'>').replace(

javascript - Protractor E2E测试错误: Object [object Object] has no method 'getWindowHandle'

我正在尝试检查点击按钮打开facebook登录的弹出窗口。Error:Object[objectObject]hasnomethod'getWindowHandle'.代码片段生成错误:describe('Tests',function(){varptor;varhandlePromise;varutil=require('util');beforeEach(function(){ptor=protractor.getInstance();handlePromise=ptor.getAllWindowHandles();varhandlesDone=false;ptor.get('/S

javascript - ajax post to spring mvc 附加 "="标志来请求数据

我正在尝试通过ajax将数据发布到springController。我的ajax代码是functionpostData(tag){console.debug(tag);vartargetUrl="/add/tag";$.ajax({url:targetUrl,type:"POST",data:tag,dataType:"text",success:function(response){console.debug(response);},error:function(){console.debug("error:".concat(response));}});}我的Controller代

javascript - 以编程方式将 <a> 添加到 SVG 路径对象

我在使用JavaScript将anchor标记包裹在SVG中的path对象时遇到了问题。所以,这是我的SVG(缩短版,只有两条路径),带有ids:“纹状体1”和“纹状体2”对于ID为“striatum1”的路径,我对链接进行了硬编码,对于ID为“striatum2”的路径,我想以编程方式生成链接。首先,请看一下SVG(brain.svg):image/svg+xml我使用命令将SVG加载到我的HTML文件中:YourbrowserdoesnotsupportSVG现在我使用JavaScript和DOM操作来简单地用anchor包裹路径,就像这样:varbrain=document.ge

javascript - "onclick"事件在 FF 和 Chrome 中不起作用

我在带有onclick属性的div中有一些SVG路径:open()函数定义在一个单独的JS文件中,它在body标签之前实现(就像jQuery文件一样):functionopen(n){$("#information").fadeIn();$("#info"+n).fadeIn();}div#info1,比如div#information里面是一个信息框,全屏半透明黑色背景(类似灯箱的效果).使用Safari一切正常。但是,如果我尝试使用FF或Chrome,当我点击时浏览器似乎加载了一个新页面(这不应该发生)并且它导致没有源代码的空白屏幕。页面可以在这里看到:frank.schufi.c

javascript - 我可以使用 Javascript 为同一个 CSS 属性设置多个值吗?

我想以编程方式将CSScursor值设置为-webkit-grab和-moz-grab。例如,在样式表中,它将表示为mySelector{cursor:-webkit-grab;cursor:-moz-grab;}所以在这里,mySelector元素定义了两次光标。Webkit浏览器使用第一个定义,Firefox使用第二个。我想知道Javascript中是否有任何方法可以做同样的事情。我意识到我可以设置一个类(class),但我的问题更多是出于好奇,看看是否可行,而不是解决我目前遇到的现实问题。编辑澄清一下-我发布的CSS(尽管有一个有效的选择器)在两种浏览器中都有效。我只是想知道是否